<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<script src="<c:url value='/js/jquery.min.js'/>"></script>
<script src="<c:url value='/js/jquery.form.js'/>"></script>

<script type="text/javascript">
    $(document).ready(function(){
        var options = {
            success : function(data) {
                $("#working-area").html(data);
            }
        };
        //$("#add-project-form").ajaxForm(options);
    });
</script>

<div class="page-header">
	<h3 style="margin-top: auto">新增显控设计模式组件</h3>
</div>
<div class="row-fluid">
	<div>
		<form class="form-horizontal" id="add-project-form"
			action="/ManEnv/designPatternCategory/add" method="POST"
			onsubmit="return valid()">
			<input type="hidden" value="true" name="template" >
			<div class="control-group" id="div_name">
				<label class="control-label">名称</label>
				<div class="controls">
					<input type="text" placeholder="名称" id="name" name="name"	class="input-xlarge"> 
						<span class="help-inline" id="help_name">英文</span>
				</div>
			</div>

			<div class="control-group">
				<label class="control-label">描述信息</label>
				<div class="controls">
					<textarea rows="3" class="input-xxlarge" placeholder="描述信息"
						id="description" name="description"></textarea>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label">项目组</label>
				<div class="controls">
					<select name="groupID">
						<c:forEach items="${pgroups}" var="group">
							<option value="${group.id}">
								<c:out value="${group.name}"></c:out>
							</option>
						</c:forEach>
					</select>
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<button type="submit" class="btn" onclick="">
						<i class="icon-ok"></i>&nbsp;确认
					</button>
					<button type="button" class="btn" style="" onclick="">
						<i class="icon-remove"></i>&nbsp;取消
					</button>
				</div>
			</div>
		</form>
	</div>
</div>
